<template>
	<view class="box-pading">
		<view class="top">
			<view class="title f-large bold">
				什么是审核员？
			</view>
			<view class="text f-xs">
				主要审核社区动态，不让违规内容进入社区，共同营造推荐和谐氛围。
			</view>
		</view>
		<view class="top" :style="{'height':height}">
			<view class="title f-large bold">
				审核员能获得什么？
			</view>
			<view class="text f-xs">
				1.审核员专属标识
			</view>
			<view class="text f-xs">
				2.审核动态获得平台精选、置顶,审核员获得元石奖励
			</view>
			<view class="text f-xs">
				3.审核员等级权益
			</view>
			<view class="text f-xs">
				1级志愿者：可获得平台1个藏品的优先购福利。（仅限于本年度）
			</view>
			<view class="text f-xs">
				2级志愿者：可获得平台2个藏品的优先购福利，游戏道具优先购福利。（仅限于本年度）
			</view>
			<view class="text f-xs">
				3级志愿者：可获得平台3个藏品的优先购福利，游戏道具优先购福利。（仅限于本年度）
			</view>
			<view class="text f-xs">
				4级志愿者：可获得平台4个藏品的优先购福利，游戏道具优先购福利，所有线下活动免费参与1次福利、特别的社区共创良好勋章个人中心展示页面。（仅限于本年度）
			</view>
			<view class="text f-xs">
				5级志愿者：可获得平台5个藏品的优先购福利，游戏道具优先购福利，所有线下活动免费参与2次福利、特别的社区共创优秀勋章个人中心展示页面。（仅限于本年度）
			</view>
			<view class="text f-xs">
				6级志愿者：可获得平台6个藏品的优先购福利，游戏道具优先购福利，所有线下活动免费参与3次福利、特别的社区共创卓越勋章个人中心展示页面。（仅限于本年度）
			</view>
			<view class="text f-xs">
				7级志愿者：可获得平台所有藏品的优先购福利、游戏道具优先购福利、所有线下活动全程免费参与福利、特别的社区共创满级勋章个人中心展示页面。（仅限于本年度)
			</view>
		</view>
		<view class="text-show-or-hide" @click="height = height === '245px' ? '100%' : '245px'">
			{{height === '245px' ? '展开' : '收起'}}
		</view>
		<view class="main">
			<view class="subhead flex-no-horizontal f-base">
				您想成为审核员的理由
				<text>*</text>
			</view>
			<u--textarea v-model="applyReason" placeholder="请输入内容" count :maxlength="1000" :height="160" border="none"></u--textarea>
		</view>

		<button type="default" class="confirm-btn f-base flex-no-horizontal" @click="confirm">确定</button>

	</view>
</template>

<script>
	import {applyAuditorApi} from '../../api/examine.js'
	export default{
		data () {
			return {
				applyReason:'',
				height:'245px',
			}
		},
		methods:{
			//确认
			async confirm(){
				if(this.applyReason === ''){
					uni.showToast({
						title:'请填写内容',
						icon:'none'
					})
					return
				}
				try{
					const res = await applyAuditorApi({
						content: this.applyReason
					})
					console.log(res)
					uni.showToast({
						title: res.message,
						icon: 'none'
					})
					setTimeout(()=> {
						uni.navigateBack({delta:3})
					}, 800);
				}catch(e){
					console.log(e)
					uni.showToast({
						title: e.message || e.data,
						icon: 'none'
					})
				}
			},

		},
	}
</script>

<style lang="scss">
	page{
		background-color: rgba(247, 247, 247, 1);
	}
	.box-pading{

		.title{
			color: #000;
			margin-bottom: 30rpx;
		}

		.subhead{
			color: #000;
			margin-bottom: 30rpx;
			text{
				margin-left: 10rpx;
				color: rgba(255, 0, 0, 1);
			}
		}

		.top{
			margin-top: 40rpx;
			overflow: hidden;
			.text{
				color: rgba(62, 62, 62, 1);
				margin-bottom: 10rpx;
				line-height: 40rpx;
			}
		}
		.text-show-or-hide{
			text-align: right;
			font-size: 28rpx;
		}
		.main{
			margin-top: 30rpx;

			.u-textarea{
				background-color: rgba(237, 238, 240, 1);
				::v-deep.u-textarea__count{
					background-color: rgba(237, 238, 240, 1) !important;
				}
			}

		}

		.confirm-btn{
			margin-top: 30rpx;
			justify-content: center;
			background-color: rgba(0, 0, 0, 1);
			color: #FFFFFF;
			border-radius: 45rpx;
			height: 90rpx;
		}

	}
</style>
